<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<title>Servicios - Advencys</title>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href='http://fonts.googleapis.com/css?family=Ubuntu:400,400italic,700,700italic,300,300italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Euphoria+Script' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/font-awesome/css/font-awesome.min.css" />
<link rel="stylesheet" media="screen" href="assets-newsletters/css/quick_newsletter.css"> 
<link rel="stylesheet" type="text/css" href="css/tango/skin.css" />
<link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/responsive.css" />
<link rel="stylesheet" href="css/color-01.css" id="site-color" />
<!--[if IE]>
<link rel="stylesheet" href="./css/ie-style.css" />
<![endif]-->
</head>

<body>

<!-- header start //-->

<div class="container">
	<div class="row">
		<div class="span5">

	
       
<!-- site logo	//-->
        	<a href="#"><div class="site-logo">Advencys</div></a>
            <!-- site description //-->
            <div class="site-desc"></div>
        </div>
        <div class="span7">
        	<!-- header social buttons //-->
        	<div class="header-social-buttons">
			<a href="#" class="button button-color">Iniciar sesión</a>
            	<a href="#"><i class="icon-facebook"></i></a>
            	<a href="#"><i class="icon-twitter"></i></a>
            	<a href="#"><i class="icon-rss"></i></a>
            </div>

            <!-- site desktop menu start //-->
            <nav class="site-desktop-menu">
            	<ul>
                	<li>
                    	<a href="index.html">Inicio</a>
                       
                    </li>
                	
                	<li><a href="#">Conócenos</a>
                    	<ul>
                        	<li><a href="about.html">Nosotros</a></li>
                        	<li><a href="services.html">Servicios</a></li>
                        </ul>
                    </li>
                    
                	<li>
                    	<a href="#">Portfolio</a>
                        <ul>
                        	<li><a href="portfolio-single.html">TwoGestures</a></li>
                        	<!-- <li><a href="#.html">Diseño web</a></li>
                        	<li><a href="#">Aplicaciones</a></li> -->
							
                        </ul>
                    </li>
                	<li>
                    	<a href="contacts.html">Contacto</a>
                    </li>
                </ul>
</nav>
            <!-- site desktop menu end //-->
            <!-- site desktop menu start //-->
            <nav class="site-mobile-menu">
            	<i class="icon-reorder"></i>
            	<ul>
                	<li>
                    	<a href="index.html">Inicio</a>
       
                    </li>
                	
                	<li><a href="#">Conócenos</a>
                    	<ul>
                        	<li><a href="about.html">Nosotros</a></li>
                        	<li><a href="services.html">Servicios</a></li>
                        	
                        </ul>
                    </li>

                	<li>
                    	<a href="#">Portfolio</a>
                        <ul>
                        	<li><a href="portfolio-single.html">TwoGestures</a></li>
                        	<!-- <li><a href="#">Diseños</a></li>
                        	<li><a href="#">Aplicaciones</a></li> -->
                        </ul>
                    </li>
                	
                	<li>
                    	<a href="contacts">Contacto</a>
                    </li>
                </ul>
</nav>
            <!-- site desktop menu end //-->
        </div>
    </div>
</div>

<div class="gray-line"></div>

<!-- header end //-->

<!-- page header start //-->
<div class="page-header pattern-bg">
	<div class="container">
    	<div class="row">
        	<div class="span6">
            	<h2>Sobre Advencys</h2>
            </div>
            <div class="span6">
            	<p><a href="#">Inicio</a> <i class="icon-angle-right"></i> Sobre Advencys</p>
            </div>
        </div>
    </div>
</div>
<!-- page header end //-->

<!-- main content start //-->
<div class="main-content">
	<div class="container">
    	<div class="row">
        	<div class="span6">
            
            	<!-- infografics start //-->
            	<div class="main-content-block">
                	<figure><img src="images/pages/map2.jpg" alt=""></figure>
                </div>
            	<!-- infografics end //-->

            </div>
        	<div class="span6">
            
            	<!-- page intro start //-->
            	<div class="main-content-block">
                    <p class="page-intro">Cras tristique, lectus et pulvinar condimentum, lorem quam imperdiet tortor, vel gravida urna ligula et ante. Praesent lectus felis, adipiscing et fringilla vitae, vulputate eu sapien.</p>
                    <p>Praesent in risus magna. Vestibulum et leo id est commodo elementum. Aenean eros nibh, tristique ut porttitor vel, mattis nec nibh. Aliquam erat volutpat. Mauris in diam eget lacus facilisis fermentum ut posuere est. Nam non semper elit, sit amet aliquet purus. Integer auctor dapibus felis et fermentum. Ut porta tortor sit amet accumsan egestas. Etiam pharetra, nibh id fringilla ornare, quam urna interdum odio, eget tempus felis lacus vitae massa. Duis a lorem vitae diam venenatis lobortis ac id est. </p>
                    <p><a href="#" class="button button-color">take a tour</a></p>
                </div>
             	<!-- page intro end //-->
                
           </div>
        </div>
        
        <!-- our offers start //-->
        <div class="main-content-block offers-block">
        	<div class="row">
                   	<div class="span12">
	                    <h2>our offers</h2>
                    </div>
                  	<div class="span4">
                      	<div class="offer-item">
                           	<i class="icon-magic"></i>
                            <p class="title">Integer Lobortis Cursus</p>
                            <p>Aliquam quis quam placerat, dignissim massa in, posuere mi.</p>
                        </div>
                    </div>
                  	<div class="span4">
                      	<div class="offer-item">
                          	<i class="icon-cog"></i>
                            <p class="title">Quisque Dignissim Nisi Diam</p>
                            <p>Quis egestas magna porttitor ac. Fusce at tellus laoreet, accumsan purus in.</p>
                        </div>
                    </div>
                  	<div class="span4">
                      	<div class="offer-item">
                          	<i class="icon-desktop"></i>
                            <p class="title">Nunc Pulvinar Pellentesque</p>
                            <p>Duis mollis nisi sit amet dolor malesuada hendrerit.</p>
                        </div>
                    </div>
			</div>
			<div class="row">
                  	<div class="span4">
                      	<div class="offer-item">
                          	<i class="icon-briefcase"></i>
                            <p class="title">Mauris Vitae Quam At Felis</p>
                            <p>Cras semper lectus erat. Aenean fermentum vel nunc eu ultrices. </p>
                        </div>
                    </div>
                   	<div class="span4">
                       	<div class="offer-item">
                           	<i class="icon-wrench"></i>
                            <p class="title">Erat Sit Amet Egestas</p>
                            <p>Pellentesque nec faucibus nisi. In hac habitasse platea dictumst.</p>
                        </div>
                    </div>
                    <div class="span4">
                    	<div class="offer-item">
                    		<i class="icon-cloud"></i>
                    		<p class="title">Aliquam Vulputate Urna Faucibus</p>
                    		<p>Proin fermentum magna eu quam porttitor cursus. Nunc non nisl et sapien malesuada.</p>
                    	</div>
                    </div>
            </div>
        </div>
    	<!-- our offers end //-->
        
        <div class="row">
        	<div class="span6">
            
                <!-- what you get start //-->
                <div class="main-content-block">
                    <h2>what you get</h2>
                    <div class="main-content-block-entry">
                    	<p>Sed dictum odio sed ipsum sagittis commodo. Donec accumsan, ligula a molestie scelerisque, massa mauris venenatis velit, sed tristique est lectus id magna. Cras cursus odio eu arcu sollicitudin lobortis. Donec molestie lobortis nulla vitae rutrum. Pellentesque eleifend dolor ligula, ut imperdiet odio sodales pharetra. </p>
                        <p>Quisque felis nunc, mollis adipiscing porta quis, auctor at erat. Donec pharetra laoreet lorem, ut suscipit quam tempor non. Nulla lacinia fringilla dui, et lobortis nulla aliquam ac.</p>
                        <ul class="ul-style-2">
                        	<li><i class="icon-plus-sign"></i> Praesent vehicula lectus;</li>
                        	<li><i class="icon-plus-sign"></i> Sed dictum cursus;</li>
                        	<li><i class="icon-plus-sign"></i> Nunc ante lorem;</li>
                        	<li><i class="icon-plus-sign"></i> Blandit at posuere rutrum;</li>
                        	<li><i class="icon-plus-sign"></i> Tincidunt vitae purus;</li>
                        	<li><i class="icon-plus-sign"></i> Duis ut fermentum metus. </li>
                        </ul>
                    </div>
                </div>
                <!-- what you get end //-->
            
	        </div>
            <div class="span6">
                <div class="main-content-block"><img src="images/pages/2.jpg" alt=""></div>
            </div>
       </div>
       <div class="row">
			<div class="span9">
            	
				<div class="main-content-block">
                <!-- magnis tabs start //-->
                	<div class="magnis-tabs">
                    	<header>
                        	<p>tab section #1</p>
                   	    <p>tab section #2</p>
                        	<p>tab section #3</p>
                        </header>
                        <section>
                        	<p>Donec et leo hendrerit, venenatis massa eu, commodo ligula. Maecenas quis quam porttitor, accumsan nunc in, ornare felis. Quisque mauris nibh, molestie eu leo in, vestibulum faucibus diam. Sed vitae metus augue. Aliquam quis tellus ut tortor consequat dictum sit amet at lacus.</p>
                        </section>
                        <section>
                        	<p>Morbi suscipit ornare augue, eget volutpat turpis rhoncus eu. Curabitur consequat sem ut neque pulvinar luctus. </p>
                        </section>
                        <section>
                        	<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam quis tincidunt metus. Etiam vel gravida velit. Sed metus mi, sodales vitae vulputate eget, porta vel massa. Morbi egestas lorem tempor fringilla pharetra.</p>
                        </section>
                    </div>
                <!-- magnis tabs end //-->
                </div>
                
            </div>
            <div class="span3">
            
            	<!-- magnis brochure start //-->
				<div class="main-content-block magnis-brochure">
                	<header>download brochure</header>
                    <section>
                    	<p><img src="images/pages/file_extension_pdf.png" alt="pdf"><a href="#">magnis.pdf</a> (8,6 Mb)</p>
                    	<p><a href="#" class="button button-color"><i class="icon-download-alt"></i> download</a></p>
                    </section>
                </div>
            	<!-- magnis brochure end //-->
                
            </div>
       </div>
    </div>
</div>
<!-- main content end //-->

<!-- footer start //-->
<footer class="site-footer">
	<div class="container">
    <div class="row">
        	<div class="span3">
            	<div class="footer-widget footer-about">
                	<div class="footer-about-logo">Magnis</div>
                    <p>In id lacinia dolor. Nam lectus quam, ultricies a rutrum in, mattis nec mi. Vestibulum at tempus arcu. Fusce sit amet velit vitae mauris tempus gravida. Nullam at felis a nisl iaculis sodales. Praesent euismod porttitor nibh, et dictum tellus accumsan sed.</p>
                    <p class="soc-icons">
                    	<a href="#"><i class="icon-facebook"></i></a>
                    	<a href="#"><i class="icon-twitter"></i></a>
                    	<a href="#"><i class="icon-linkedin"></i></a>
                    	<a href="#"><i class="icon-google-plus"></i></a>
                    	<a href="#"><i class="icon-rss"></i></a>
                    </p>
                </div>
            </div>
        	<div class="span3">
            	<div class="footer-widget footer-newsletters">
	            	<h2>Suscripción</h2>
                    <div class="quick_newsletter">
                    	<p>Subscribete para estar informado sobre nuestas noticias y proyectos.</p>
                        <form action="http://rivathemes.com/html/magnis/php/process.php">
                        	<input name="name" id="name" value="Name" class="text text-name" onBlur="_hint(this,'Name',1)" onClick="_hint(this,'Name',0)" type="text">
                       		<input name="email" id="email" value="email" class="text" onBlur="_hint(this,'email',1)" onClick="_hint(this,'email',0)" type="text">
                            <button type="submit" name="submit" value="Subscribe me!" class="button btn" onClick="doSubscribe(this,'#subscribe_response_div');"><i class="icon-ok-sign"></i></button>
                            <div class="span12">
                            	<span id="subscribe_response_div"></span>
                            </div>
                        </form>
         	       </div>
                </div>
            </div>
        	
        	<div class="span3">
            	<div class="footer-widget footer-contacts">
	            	<h2>Contacto</h2>
                    <div class="footer-contacts-wrapper">
                    	<ul>
                        	<li class="li1">Dirección:</li>
                            <li class="li2">Córdoba Veracruz</li>
                        	<li class="li1">Telefono:</li>
                            <li class="li2">271 234 56 78</li>
                        	<li class="li1">Correo:</li>
                            <li class="li2"><a href="#">soporte@innsoft.com</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
<!-- footer end //-->
<!-- bottom line start //-->
<div class="bottom-line">
	<div class="container">
    	<div class="row">
        	<div class="span6">
            	<p>© 2014 Todos los derechos reservados. <a href="innsoft.com">Innsoft</a></p>
            </div>
        	<div class="span6">
            	<p class="bottom-menu"><a href="#">Iniciar sesión</a></p>
            </div>
        </div>
    </div>
</div>
<!-- bottom line end //-->

<!-- to the top start //-->
<div id="to-the-top"><i class="icon-angle-up"></i></div>
<!-- to the top end //-->

</body>

<!-- scripts start //-->
<script src="js/jquery.js"></script>
<script src="js/layerslider.kreaturamedia.jquery.js"></script>
<script src="js/layerslider.transitions.js"></script>
<script src="js/jquery-easing-1.3.js" type="text/javascript"></script>
<script src="js/jquery-transit-modified.js" type="text/javascript"></script>
<script src="js/jquery.jcarousel.min.js"></script>
<script type="text/javascript" src="assets-newsletters/scripts/quick_newsletter.js"></script> 
<script>
jQuery(document).ready(function() {
});
</script>
<script src="js/custom.js"></script>
<!-- scripts end //-->

</html>